.table thead>tr{
    background:#fafcff;
}
.table thead>tr>th,.table tbody>tr>td:first-child,.table tbody>tr>td{
    font-size: 12px;
}
.table thead>tr>th {
	text-align: center;
    font-weight: normal;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th{
    background-color: #fff;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border-color:rgb(235,238,245)
}
.table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
    border-bottom:none;
}
.example{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 32px;
    text-align: left;
}
.table-hover>tbody>tr{
    text-align: center;
}
.copy{
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.table-responsive {
    min-height: 600px;
}

.main-box-body .navs {
    padding-left: 0;
    list-style: none;
    display: block;
    clear: both;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    padding-top: 1px;
    margin: 0;
}

.main-box-body .navs li {
    float: left;
}

.main-box-body .navs li a {
    padding: 2px 5px;
}

.main-box-body .navs .active {
    background: #03a9f3;
    color: #fff;
    border-bottom: 1px solid #fff;
    padding: 0px 5px;
}

/* .main-box-body .nav>li>a {padding:2px 5px;} */
/* .main-box-body .nav .active{background:#03A9F3;color:#fff;} */
.info {
    max-width: 400px;
    font-size: 12px;
}

.desc {
    margin-top: 10px;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 4.5em;
}

.clear {
    clear: both;
}

.ml {
    margin-left: 10px;
}

.ant-tag {
    display: inline-block;
    line-height: 20px;
    height: 22px;
    padding: 0 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    background: #f3f3f3;
    font-size: 12px;
    -webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 1;
    margin-right: 8px;
    cursor: pointer;
    white-space: nowrap;
}

.ant-tag-red {
    color: #f04134;
    background: #fcdbd9;
    border-color: #fcdbd9;
}
/* .tiktok{
    width: 73%;
} */
.tiktok .panel-body{
    padding: 0 30px!important;
    position: relative;
    background: #fffcfc;
}
.tiktok .panel-body>span{
    display: -webkit-box;
    -webkit-box-orient: inherit!important;
    -webkit-line-clamp: 4!important;
    overflow: hidden;
    font-size: 16px;
    color:#212121a8;
    height: 635px;
    line-height: 29px;
    overflow-y: scroll!important;
}
.tiktok .panel-body>div.show{
    position: absolute;
    bottom: 0;
    right: 0;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 16px;
    position: absolute;
}
.tiktok .panel-body .tooltipify{
    width: 350px;
}
.tiktok .panel-body .num{
    position: absolute;
    top: 0px;
    left: 11px;
    font-size:20px;
    color:red;
}
.tiktok .panel-footer{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding:5px 15px;
    flex-direction: column;
}
.tiktok .panel-footer .title{
    margin-right: 5px;
    color: red;
}
.tiktok .panel-footer>div{
    display: flex;
    align-items: center;
}
.tiktok .panel-footer .tiktokLabel{
    overflow-x: scroll;
    display: flex;
    flex: 1;
    padding:.2em .7em .3em;
    width: 130px;
    padding-bottom: 0;
    padding-left: 0;
}
.tiktok .panel-footer .tiktokLabel span{
    background-color: #aab3cd;
    padding: 0.3em 0.6em 0.3em

}
/* 设置滚动条的样式 */
.tiktok .panel-footer .tiktokLabel::-webkit-scrollbar {
    height:5px;
}
/* 滚动槽 */
.tiktok .panel-footer .tiktokLabel::-webkit-scrollbar-track,.tiktok .toolTip .mask .content::-webkit-scrollbar-track{
-webkit-box-shadow:inset006pxrgba(0,0,0,0.8);
    border-radius:10px;
}
/* 滚动条滑块 */
.tiktok .panel-footer .tiktokLabel::-webkit-scrollbar-thumb,.tiktok .toolTip .mask .content::-webkit-scrollbar-thumb {
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
/* .tiktok .panel-footer .tiktokLabel .label{
    margin-right: 5px;
    margin-bottom: 3px;
} */
.tiktok .panel-footer .copy{
    margin-right: 5px;
}
.spread{
    cursor: pointer;
    display: none;
}
.copy{
    color: #000!important
}
.tiktok .toolTip>div{
    position: relative;
}
.tiktok .toolTip .mask{
    position: absolute;
    width: 96%;
    top: 0;
    font-size: 18px;
    color: #212121a8;
    padding: 20px 40px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: none;
    z-index: 2;
}
.tiktok .toolTip .mask .content{
    max-height: 570px;
    overflow-y: scroll;
}
.tiktok .toolTip .mask i{
    position: absolute;
    top: -18px;
    right: -14px;
    font-size: 30px;
}
/* 设置滚动条的样式 */
.tiktok .toolTip .mask .content::-webkit-scrollbar {
    width:5px;
}
.allTT{
    display: flex;
    position: relative;
}
.tiktok_editor{
    width:550px;
    border-left:1px solid #ccc;
    padding:0;
    padding-left: 12px;
    display: flex;
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    font-size: 22px;
    /* align-items: flex-end; */
    font-weight: bold;
}
.tiktok_editor textarea{
   
    background: #ececec;
    font-weight: normal;
    line-height: 30px;
    font-size:20px;
    color:#480404a8;
    padding:20px 30px;
    width: 100%;
    outline: none;
}
.tteditRight div{
    position: relative;
}
.tteditRight div span{
    position: absolute;
    right:7px;
    bottom: 20px;
    color:rgb(126 77 77);
    font-size: 13px!important;
}
.tiktok_editor textarea.head{
    height: 155px;
    margin-bottom:10px;
    text-align: left;
    border:1px solid #ccc;
    padding: 0;
    color: #818181;
    font-size: 14px;
    line-height: 22px;
    height:98px;
    min-height: 100px;
}
.tiktok_editor textarea.content{
    padding:0 30px;
    width: 100%;
    font-size:20px;
    color:#480404a8;
    flex:1;
    border:none;
    height: 700px;
}
.tiktok_editor .editor_btn{
    /* margin-bottom: 5px; */
    text-align: right;
}
.tiktok_editor .editor_btn>div{
    display: inline-block;
    font-size:18px;
}
.tiktok_editor .editor_btn .copy{
    margin-right: 10px;
    color:#000;
    /* color:#B5A642; */
}
.tiktok_editor .editor_btn .save{
    border:1px solid #f94343;
    padding:0 6px;
    border-radius: 5px;
    color:#f94343;
    /* color:#f94343; */
}
.tiktok_editor .title{
    font-size: 16px;
    font-weight: normal;
}
.tiktok_editor .title input{
    padding:4px 10px;
    border:5px;
    outline: none;
    border: none;
    background: #f5f5f5;
    font-size: 14px;
    width: 100%;
}
.tiktok_editor .panel-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 15px;
    padding-left: 0;
}
.edit{
    cursor: pointer;
    display: flex;
    align-items: center;
}
/* 设置滚动条的样式 */
.headContent::-webkit-scrollbar,
.toolTip::-webkit-scrollbar,
.tiktok_editor textarea.head::-webkit-scrollbar,
.tteditRight::-webkit-scrollbar
{
    width:5px;
}
/* 滚动槽 */
.headContent::-webkit-scrollbar-track,
.toolTip::-webkit-scrollbar-track,
.tiktok_editor textarea.head::-webkit-scrollbar-track,
.tteditRight::-webkit-scrollbar-track
{
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.8);
    border-radius:10px;
}
/* 滚动条滑块 */
.headContent::-webkit-scrollbar-thumb,
.toolTip::-webkit-scrollbar-thumb,
.tiktok_editor textarea.head::-webkit-scrollbar-thumb,
.tteditRight::-webkit-scrollbar-thumb
{
    border-radius:10px;
    background:rgba(0,0,0,0.1);
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.main-box-body .navs .active {
	background: azure;
	color: #03a9f4;
	border: 1px solid #03a9f4;
	border-radius: 5px;
}
a {
	color: #777;
	text-decoration:none;
}
a:hover { text-decoration :none}
.table tbody>tr>td {padding: 0px 8px;}
.table-hover>tbody>tr:nth-child(odd){background-color: #f9f9f9;}
.table-responsive {
	min-height: 470px;
}
textarea.form-control {
	height: 52px;
	min-height: auto;
}
em{
	color: red;
}
.myBody::-webkit-scrollbar,.module-edit::-webkit-scrollbar{
	width:5px;
}
/* 滚动槽 */
.myBody::-webkit-scrollbar-track,.module-edit::-webkit-scrollbar-track{
-webkit-box-shadow:inset006pxrgba(0,0,0,0.8);
	border-radius:10px;
}
/* 滚动条滑块 */
.myBody::-webkit-scrollbar-thumb,.module-edit::-webkit-scrollbar-thumb{
	border-radius:10px;
	background:rgba(0,0,0,0.1);
	-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.table thead>tr{background-color: transparent;}
.table thead>tr>th{border:none;font-weight: bold;color:#bb1b1b;padding: 3px 8px;}
.tiktok .panel-footer{
    padding:7px 15px;padding-left: 8px;
}
.headContent{
	line-height: 19px!important;
	overflow-y: scroll;
	flex:1;
	overflow-y: hidden!important;
    background-color: #fff5ff!important;
    border: 1px solid #ddd;
}
.headContent div{
	cursor: pointer;
	color: #8f8f8f;
	border: 1px solid #f1927d;
	padding: 0 4px;
	border-radius: 5px;
	float: left;
	margin-right: 2px;
	margin-bottom: 3px;
}
.tiktok .panel-body>span{height: 1200px;}
.toolTip .panel-body .inputGulp{
    display: flex;
}
.toolTip .panel-body input{
	width: 100%;
    background: #ccc;
    border: none;
    padding: 4px 7px;
    outline: none;
}
.set{
	padding: 0 5px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content:center;
	/* background: #f7d1f7; */
    border-radius:30px;
    border: 1px solid #ddd;
    border-left: none;
}
.set .cont{
	font-size: 12px;
    color: #fff;
}

.module-editA .panel-body span{
	color: #ad8d93!important;
}

.module-editA  .panel:nth-child(even) .headContent,.module-editA .panel:nth-child(even) .set{
	background-color: #dceaf7!important;
}
.module-editA  .panel:nth-child(even) .panel-body span{
	color: #658399!important;
}

.module-edit .headContent{
	color:#918a8a!important;
	max-height:1000px!important;
    min-height:1000px!important;
    padding: 4px 0;
    box-sizing: border-box;
}
.panel-footer{
    background-color: #d7d7d7;
}
.tiktok .toolTip>div{
    margin-bottom: 10px;
}
.panel-default{
	border:none
}
.tiktok .panel-footer{
    flex-direction: inherit;
    border-top: 0;
}
.tiktok .panel-footer>div{
    /* width: 100%; */
    /* justify-content: space-between; */
    color: #b1b0b0;
}
.tiktok .panel-footer>div>div{
    display: flex;
    align-items: center;
}
.tiktok .panel-footer>div>div>span{
    font-weight: bold;
    color:#000
}
.tiktok .panel-body{
    background: #fff;
    padding: 0!important;
}
.tiktok .panel-body .headContent{
    max-height: 75px;
    min-height:75px;
    padding: 0 2px;
    background: #fff
}
.pull-left{
    display: flex;
    align-items: center;
}
.pull-left button{
    margin-left: 4px;
    padding: 0px 10px;
    font-size: 12px;
}
.fileName{
    font-size: 15px;
    font-weight: bold;
    color: #7a7a7a;
}